{{-- 继承布局模板 --}}
@extends( 'version-2017.layouts.main-layout' )


{{--  当前页面的样式表 --}}
@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('version-2017/css/production.css') }}">
@endsection()


{{-- 插入标题 --}}
@section('title')
    <title>广州便雅悯视光网络科技公司-微信商城</title>
@endsection


@section('content')
    <section class="banner wechat">

    </section>


    <!-- 页面导航 -->
    <section class="navigation wechat">
        <ul class="navigation-list bym-not-list bym-wrapper clearfix">
            <li class="navigation-list-item">
                <a href="#introduction">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-introduction.png" alt="">
                    </i>
                    <p class="item-name">产品介绍</p>
                </a>
            </li>
            <li class="navigation-list-item">
                <a href="#function">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-function.png" alt="">
                    </i>
                    <p class="item-name">产品功能</p>
                </a>
            </li>
            <li class="navigation-list-item">
                <a href="#advantage">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-advantage.png" alt="">
                    </i>
                    <p class="item-name">核心优势</p>
                </a>
            </li>
            <li class="navigation-list-item">
                <a href="#partner">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-case.png" alt="">
                    </i>
                    <p class="item-name">客户案例</p>
                </a>
            </li>
        </ul>
    </section>

    <!-- 产品介绍 -->
    <section class="introduction wechat" id="introduction">
        <div class="bym-wrapper">
            <div class="introduction-header">
                产品介绍
            </div>
            <div class="introduction-title">
                满天星微信商城
            </div>
            <p class="introduction-desc">

                满天星微信商城是业界第一款专门为眼镜销售量身定制的微信商城，提供眼镜行业的微商城在线服务，为商家搭建完整的微信商场系统，线上展示所有眼镜产品，打造互动营销新模式，实现线上价格与线下服务双向联动。

            </p>
            <div class="introduction-picture">
                <img src="" alt="">
            </div>

        </div>
    </section>
    <!-- 产品介绍 end -->


    <!-- 功能 -->
    <section class="function" id="function">
        <div class="function-header">
            产品功能
        </div>

        <!-- Swiper -->
        <div class="function-content">
            <div class="swiper-container" id="function_swiper">
                <div class="swiper-wrapper">

                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">01/04</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/function_conntent_01.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">虚拟试戴</h4>
                                <p class="item-text-summary">
                                    上传照片即可查看眼镜试戴效果
                                </p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">01/04</h4>
                                <h6 class="item-text-en">VIRTUAL TRY-ON</h6>
                                <h5 class="slide-cotnent-title">虚拟试戴</h5>
                                <p class="slide-cotnent-desc">
                                    接入2.5D试戴模块与一键试戴，实现线上眼镜试戴功能，帮助消费者进行试镜、选镜、提升商家商品成交率。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>

                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">02/04</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/function_conntent_03.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">配镜定制</h4>
                                <p class="item-text-summary">
                                    提供验光单管理、镜片搭配、产品定制服务
                                </p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">02/04</h4>
                                <h6 class="item-text-en"> CUSTOMIZATION</h6>
                                <h5 class="slide-cotnent-title">配镜定制</h5>
                                <p class="slide-cotnent-desc">
                                    系统将帮助消费者自动管理提交的验光单，并根据验光数据搭配适合的镜片组合产品，同时帮助用户进行眼睛复查。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>

                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">03/04</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/function_conntent_04.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">微营销</h4>
                                <p class="item-text-summary">多样化广告、活动插件，自动轮播店铺广告、优惠活动</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">03/04</h4>
                                <h6 class="item-text-en"> WECHAT MARKTING </h6>
                                <h5 class="slide-cotnent-title">微营销</h5>
                                <p class="slide-cotnent-desc">
                                    系统中设置广告、活动插件，轮播店铺广告、优惠活动等信息内容，为商家店铺和产品进行宣传推广。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>

                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">04/04</h4>
                            <div class="item-picture">
                                 <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/function_conntent_02.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">多级分销</h4>
                                <p class="item-text-summary">以客推客模式裂变发展分销商，无限扩大销售机会</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">04/04</h4>
                                <h6 class="item-text-en">MULTISTAGE DISTRIBUTION</h6>
                                <h5 class="slide-cotnent-title">多级分销</h5>
                                <p class="slide-cotnent-desc">
                                    以全员开店、以客推客模式裂变式发展分销商，快速招募微商分销卖货，无限扩大销售机会，推动销量增长，粉丝变店长，合作共赢。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>



                </div>
            </div>
            <div class="swiper-button-next" id="function_next"></div>
            <div class="swiper-button-prev" id="function_prev"></div>
        </div>
    </section>
    <!-- 功能 END -->


    <!-- 产品优势 -->
    <section class="advantage wechat" id="advantage">

        <div class="bym-wrapper">
            <div class="advantage-header">
                产品优势
            </div>

            <ul class="advantage-list bym-not-list clearfix">

                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/icon_01.jpg" title="" />
                    </i>
                    <h4 class="item-title">开启网络营销渠道</h4>
                    <p class="item-desc">坐拥8亿微信用户，每个用户都是潜在客户，将实体店开到手机端也更符合消费者的购物需求。</p>
                </li>
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/icon_02.jpg" title="" />
                    </i>
                    <h4 class="item-title">节约租金及运营成本</h4>
                    <p class="item-desc">线上展示产品，随时随地销售眼镜，最大程度节省店铺租金及运营成本。</p>
                </li>
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/icon_03.jpg" title="" />
                    </i>
                    <h4 class="item-title">提升用户体验</h4>
                    <p class="item-desc"> 微商城虚拟试戴助消费者快速选款选型，挑选匹配度最高的眼镜。</p>
                </li>
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/icon_04.jpg" title="" />
                    </i>
                    <h4 class="item-title">快速提上品牌知名度</h4>
                    <p class="item-desc">分销系统帮助商家实现店铺推广，帮助商家迅速提升品牌知名度。</p>
                </li>
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/icon_05.jpg" title="" />
                    </i>
                    <h4 class="item-title">互动营销新模式</h4>
                    <p class="item-desc"> 商家可以通过公众号与粉丝互动，发布促销优惠、新品上市等活动信息。</p>
                </li>

            </ul>
        </div>

    </section>
    <!-- 产品优势 end-->



    <!-- 合作伙伴 -->
    <section class="partner" id="partner">

        <div class="bym-wrapper">
            <div class="partner-header">
                合作伙伴
            </div>

            <ul class="partner-list">
                <li class="partner-list-item">
                    <div class="item-picture">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/ad_01.jpg" alt="">
                    </div>
                    <p class="item-name">楼上眼镜</p>
                </li>
                <li class="partner-list-item">
                    <div class="item-picture">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/ad_02.jpg" alt="">
                    </div>
                    <p class="item-name">中大眼镜</p>
                </li>
                <li class="partner-list-item">
                    <div class="item-picture">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-wechat/ad_03.jpg" alt="">
                    </div>
                    <p class="item-name">开亮眼镜</p>
                </li>
            </ul>

        </div>

    </section>
    <!-- 合作伙伴 END -->
@endsection

@section('script')
    <script type="text/javascript" src="{{asset('version-2017/js/production.js')}}"></script>
@endsection